/**
 * 公共头部
 * 相关的样式
 */
/**
 * 所有公用的样式
 * 相关的样式
 */
/* 文字基本颜色 */
i,
cite,
em,
var,
address,
dfn {
    font-style: normal;
}
a {
    color: #999999;
}
a:hover {
    color: rgb(60,171,255);
}

.layui-main {
    width : 1172px;
    margin: 0 auto;
}

/**
 * 公共底部
 * 相关的样式
 */

.we-all__range {
    background-color: #f8f8f8;
    margin: 20px auto 40px;
    padding: 9px 30px 9px 30px;
    font-size: 14px;
    box-sizing: border-box;
    border:1px solid rgb(60,171,255);
}
.we-all__range .row {
    margin: 20px 0;
}
.we-all__range h3 {
    display: inline-block;
    vertical-align: top;
}
.we-all__range ul {
    display: inline-block;
    width:986px;
}
.we-all__range ul li {
    padding: 0 20px;
    display: inline-block;
    line-height: 24px;
}
.we-all__range ul li a {
    color: #666666;
    padding: 2px;
}
.we-all__range ul li a:hover {
    color: #ffffff;
    background-color: rgb(60,171,255);
    border-radius: 2px;
}
.we-all__range ul li.active a {
    color: #ffffff;
    background-color: rgb(60,171,255);
    border-radius: 2px;
}
.we-all__range .channel li {
    padding: 0 10px;
    position: relative;
    font-size: 16px;
}
.we-all__range .channel li:before {
    content: "";
    width: 1px;
    height: 16px;
    background-color: #999999;
    position: absolute;
    left: 0;
    top: 4px;
}
.we-all__range .channel li a {
    color: #666666;
    background: none;
}
.we-all__range .channel li a:hover {
    color: rgb(60,171,255);
    background: none;
}
.we-all__range .channel li.first {
    padding-left: 0;
}
.we-all__range .channel li.first:before {
    display: none;
}
.we-all__range .channel li.active a {
    color: rgb(60,171,255);
    background: none;
}
.we-all__order {
    margin: 20px auto;
    clear: both;
}
.we-all__order .order li {
    padding: 0 20px;
    display: inline-block;
}
.we-all__order .order li a {
    font-size: 16px;
    color: #666666;
}
.we-all__order .order li a:hover {
    color: rgb(60,171,255);
}
.we-all__order .order li.active a {
    color: rgb(60,171,255);
}
.we-all__order .mode {
    text-align: right;
}
.we-all__order .mode i{
    width:16px;
    height:16px;
    display:inline-block;
    vertical-align: text-bottom;
}
.we-all__order .mode .imgicon{
    background: url(/images/picGrey.png)
}
.we-all__order .mode .imgicon:hover{
    background: url(/images/picRed.png)
}
.we-all__order .mode .texticon{
    background: url(/images/listGrey.png)
}
.we-all__order .mode .texticon:hover{
    background: url(/images/listRed.png)
}
.we-all__order .mode li.active .imgicon{
    background: url(/images/picRed.png)
}
.we-all__order .mode li.active .texticon{
    background: url(/images/listRed.png)
}
.we-all__order .mode li {
    display: inline-block;
}
.we-all__order .mode li a {
    font-size: 14px;
    color: #c6c6c6;
}
.we-all__order .mode li a:hover {
    color: rgb(60,171,255);
}
.we-all__order .mode li.active a {
    color: rgb(60,171,255);
}
.we-all__result .all-imglist {
    display: none;
}
.we-all__result .all-imglist .all-img__list {
    border: 1px solid #e0e0e0;
    padding: 30px 40px;
}
.we-all__result .all-imglist .all-img__list li {
    width: 510px;
    float: left;
    padding-top: 25px;
    padding-bottom: 25px;
    border-top: 1px solid #e6e6e6;
}
.we-all__result .all-imglist .all-img__list li:first-child,
.we-all__result .all-imglist .all-img__list li:first-child + li {
    padding-top: 0;
    border-top: none;
}
.we-all__result .all-imglist .all-img__list li:nth-child(2n) {
    padding-left: 38px;
}
.we-all__result .all-imglist .book-img-box,
.we-all__result .all-imglist .book-mid-info {
    float: left;
}
.we-all__result .all-imglist .book-img-box {
    position: relative;
    z-index: 3;
    width: 118px;
    height: 158px;
    margin-right: 16px;
}
.we-all__result .all-imglist .book-img-box a {
    display: block;
    overflow: hidden;
    width: 118px;
    height: 158px;
    box-shadow: 0 1px 6px rgba(0, 0, 0, 0.35);
}
.we-all__result .all-imglist .book-img-box a img {
    width: 118px;
    height: 158px;
    -webkit-transition: -webkit-transform 0.4s ease-out;
    -moz-transition: -moz-transform 0.4s ease-out;
    -ms-transition: -ms-transform 0.4s ease-out;
    transition: transform 0.4s ease-out;
}
.we-all__result .all-imglist .book-img-box a img:hover {
    -webkit-transform: scale(1.1);
    -moz-transform: scale(1.1);
    -o-transform: scale(1.1);
    transform: scale(1.1);
}
.we-all__result .all-imglist .book-mid-info {
    width: 376px;
}
.we-all__result .all-imglist .book-mid-info h4 {
    font: 16px/24px PingFangSC-Regular, HelveticaNeue-Light, "Helvetica Neue Light", "Microsoft YaHei", sans-serif;
    overflow: hidden;
    height: 24px;
    margin-bottom: 8px;
}
.we-all__result .all-imglist .book-mid-info h4 a {
    color: #000000;
}
.we-all__result .all-imglist .book-mid-info h4 a:hover {
    color: rgb(60,171,255);
}
.we-all__result .all-imglist .book-mid-info .info {
    overflow: hidden;
    font-size: 12px;
    height: 16px;
    margin-bottom: 6px;
}
.we-all__result .all-imglist .book-mid-info .info a {
    line-height: 16px;
    float: left;
    color: #999999;
}
.we-all__result .all-imglist .book-mid-info .info em {
    font-family: Arial;
    float: left;
    margin: 1px 8px 0;
    color: #999999;
}
.we-all__result .all-imglist .book-mid-info .brief {
    font-size: 14px;
    line-height: 24px;
    max-height: 72px;
    margin-bottom: 8px;
    color: #666;
    width: 100%;
    white-space: normal;
    text-overflow: ellipsis;
    word-wrap: break-word;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
    overflow: hidden;
}
.we-all__result .all-imglist .book-mid-info .total {
    font-size: 14px;
    text-align: center;
    color: rgb(60,171,255);
}
.we-all__result .all-textlist {
    display: none;
}
.we-page {
    text-align: center;
    margin: 40px auto;
}
